footer {
    height: 80px;
    border-top: 1px solid rgb(235, 235, 235);
    display: flex;
}

#music,
#other,
#top {
    display: flex;
    margin: auto 10px;
}

#player,
#top {
    flex: 1;
    justify-content: center;
}

#player {
    display: flex;
    flex-direction: column;
}

#other {
    justify-content: right;
}

#music,
#other {
    width: 280px;
}

#musicinfo {
    margin: auto 10px;
    width: 200px;
    height: 40px;
    /* border: 1px solid; */
}

#music img {
    width: 60px;
    height: 60px;
}

#author {
    font-size: smaller;
    margin-top: 2px;
}

footer a {
    width: 20px;
    height: 20px;
    margin: auto 20px;
    cursor: pointer;
    text-indent: -9999px;
}

#cycle {
    background: url(../img/cycle.png) 0 0 /100% no-repeat;
}

#last {
    background: url(../img/last.png) 0 0 /100% no-repeat;
}

#play {
    background: url(../img/play.png) 0 0 /100% no-repeat;
}

#next {
    background: url(../img/next.png) 0 0 /100% no-repeat;
}

#lyrics {
    background: url(../img/lyrics.png) 0 0 /100% no-repeat;
}

#playlist {
    background: url(../img/playlist.png) 0 0 /100% no-repeat;
}
